<template>
    <div>
        <div v-for="(item,i) of list" :key="i">
            <div class="product">
                <span style="display:inline-block;width:100px;">{{item.pname}}</span>
                <img :src="`http://127.0.0.1:3000/`+item.path" alt="" class="f2">
            </div>
        </div>
        <div style="width:100%;height:50px;"></div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            list:[],
        }
    },
    methods: {
        loadMove(){
             let url="pei";
             let obj={};
             this.axios.get(url,{params:obj}).then(result=>{
                 let rows=this.list.concat(result.data.data);
                 this.list=rows;
             })
        },
    },
    created() {
        this.loadMove();
    },
}
</script>
<style scoped>
    .product{
        color:#4d5f48;
        margin-top:3px;
        height:100px;
        width:100%;
        background:#dff8f7;
        padding-left:20px;
        font-size:14px;
    }
    .f2{
        height:100px;
        margin-left:115px;
        vertical-align: middle;
    }
</style>